La función calc()

Crea un div que se extienda a lo ancho de la ventana, dejando un margen de 50px entre los bordes del div y los de la ventana:

La función max()

Usa max() para que el ancho de #div1 sea el mayor entre 50% o 300px:

Redimensiona la ventana del navegador para ver el efecto.

La función min()

Usa min() para establecer el ancho de #div1 como el menor valor entre 50% o 300px:

Redimensiona la ventana del navegador para ver el efecto.